import React, { useImperativeHandle, useRef } from 'react'

export default React.forwardRef(function Test(props, appRef) {
  const testRef = useRef()
  // 使用这个hook可以自定义ref对象current属性的值
  useImperativeHandle(appRef, () => {
    // 这个回调中返回值是什么,则appRef的current指向的就是什么
    return {
      xxx() {
        testRef.current.focus()
      },
    }
  })
  return (
    <div>
      Test
      <input type="text" ref={testRef} />
    </div>
  )
})
